//  使用该配置文件, 可以覆盖掉脚手架默认的webpack 的配置, 而无需使用 npm eject 还原webpack 文件到项目根目录
// 使用该配置文件时, 首先需要安装 npm i -D @craco/craco

// 修改webpack的配置如下:

const path = require('path');
module.exports = {
    webpack: {
        alias: {
            "@": path.resolve(__dirname, 'src')  // 配置路径别名
        }
    },
    style: {  //配置 页面中可以直接使用px 单位,然后 postcss-px-to-viewport自动会将px 单位转成vw+vh单位
        postcss: {
            mode: "extends",
            loaderOptions: {
                postcssOptions: {
                    ident: "postcss",
                    plugins: [
                        [
                            "postcss-px-to-viewport-8-plugin",
                            {
                                viewportWidth: 375, // 设计稿的视口宽度
                            },
                        ],
                    ],
                },
            },
        },
    }
}

